<template>
  <div class="ticket-tip-container">
    <div>
      <h4>有效期</h4>
      <p>{{ ticketDetail.expire_date }}内有效</p>
    </div>
    <div>
      <h4>入园次数</h4>
      <p>{{ ticketDetail.entry_mode }}</p>
    </div>
    <div>
      <h4>入园方式</h4>
      <p>{{ ticketDetail.entry_mode }}</p>
    </div>
    <div>
      <h4>退改政策</h4>
      <p>{{ ticketDetail.return_policy }}</p>
    </div>
    <div>
      <h4>发票</h4>
      <p v-if="ticketDetail.has_invoice == 1">提供发票</p>
      <p v-else>不提供发票</p>
    </div>
    <div>
      <h4>注意事项</h4>
      <div class="tips" v-html="ticketDetail.tips" v-if="ticketDetail.tips"></div>
      <div v-else>暂无</div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['ticketDetail'],
  mounted() {
    console.log('invoke', this.ticketDetail)
  }
}
</script>

<style lang="less" scoped>
.ticket-tip-container {
  div {
    padding: 0 10px;

    font-size: 16px;
    text-align: left;

    p,
    .tips {
      padding: 0;

      color: #666;
    }
  }
}
</style>